<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>结构伪类01</title>
    <style>
        /*
        结构一:选中的时div的第一个儿子p元素
        注意这里的满足条件:不是第一次出现的p元素,一定属于第一个儿子并且是p元素
        才会被选中
        */
        div > p:first-child {
            color: red;
        }

        /*
        选择只要是div的后代,并且属于是第一个儿子,且为p元素
        */
        div p:first-child {
            color: green;
        }
    </style>
</head>
<body>
<div>
    <span>测试</span>
    <p>张三:98分</p>
    <p>李四:90分</p>
    <marquee><p>测试</p></marquee>
    <p>王五:70分</p>
    <p>赵六:60分</p>
</div>
</body>
</html>